<template>
    <div>
        <el-row class="title">
            查看信息
        </el-row>
        <el-menu default-active="1" class="el-menu-demo" mode="horizontal" style="margin-bottom: 20px">
            <el-menu-item index="1" @click="toUserList">用户列表</el-menu-item>
            <el-menu-item index="2" @click="toRoleList">角色列表</el-menu-item>
            <el-menu-item index="3" @click="toPermissionsList">权限列表</el-menu-item>
        </el-menu>
        <router-view/>
    </div>
</template>

<script>
    export default {
        name: "index",
        data(){
            return {}
        },
        methods:{
            toUserList(){
                this.$router.replace("/main/checkInfo/userList")
            },
            toRoleList(){
                this.$router.replace("/main/checkInfo/roleList")
            },
            toPermissionsList(){
                this.$router.replace("/main/checkInfo/permissionsList")
            }
        }
    }
</script>

<style scoped>
    .title {
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
        color: #409EFF;
        font-size: 20px;
        font-weight: bold;
        height: 80px;
        line-height: 80px;
        padding-left: 20px;
        margin-bottom: 10px;
    }
</style>